

<!DOCTYPE html>
<html lang="en">
<head>
<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">  
<title>添加文章</title>
<link rel="shortcut icon" href="{{ asset('/images/favicon.ico') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('/css/person/person-center.css') }}"/>
<script src=" {{ asset('/js/jquery-1.9.1.min.js') }} "></script>
<script type="text/javascript">
	
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers:{
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	
	// 获取 token
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	var mytime = null;	//用于何时开始倒计时
	var total = 3;  	// 3秒倒计时	
	// 倒计时
	function clock(){
		if( total==0 )
		{
			location.href="{{ url('/new_article') }}";
		}
		$("#second").html( total+'秒后为您跳转页面,也可点击链接进行');
		total--; 
		mytime=setTimeout("clock()",1000);
		
	}
	
	// 创建 文章
	function createArticle(status)
	{
		//  文章 编辑时 获取 article_id
		var article_id = $("#article").attr('article_id');
		// 标题
		var title	=	$("input[ name='title' ]").val();
		// 描述
		var desc	=	$("textarea[ name='desc' ]").val();
		// 关键词
		var keywords	=	$("input[ name='keywords' ]").val();
		// 来源
		var from	=	$("input[ name='from' ]").val();
		// 资讯
		var content = ue.getContent();
		
		// 文章 分类
		var category_id = $("input[name='category_id']:checked").val();
		if( !category_id )
		{
			$('.err_edit').html( '' );
			$('.err_edit').html( '请选择您的文章分类' );
			$(".err_edit").slideDown(1000);
			$(".err_edit").delay(1500).slideUp(1000);
			return false;
		}
		
		if( article_id )
		{
			// 编辑
			var url = "{{ url('/createArticle') }}/"+article_id;
		}else
		{
			// 创建
			var url = "{{ url('/createArticle') }}";
		}
		$.ajax({ 
			type : 'post', 
			url : url, 
			data:{title:title,desc:desc,keywords:keywords,from:from,content:content,status:status,category_id:category_id,_token:_token},
			async:true,    					
			dataType:"json",
			success:function(back){ 
				// 遮罩层 显示
				if( back['show_info']=='发表成功,审核通过后即可显示' || back['show_info']=='文章编辑成功,审核通过后即可显示' ||  back['show_info']=='已存入草稿箱' )
				{
					// 按钮 失效
					$("#btn1,#btn2").attr('disabled',true);
					$("#info-succ").html('');
					$("#info-succ").html( back['show_info'] );
					$("#alertBtn,#alert-zhe").show();
					if( mytime==null )
					{
						//开始倒计时
						clock(); 
					}		
					
				}else
				{
					// 2.模态框 不要动
					$('.err_edit').html( '' );
					$('.err_edit').html( back['show_info'] );
					$(".err_edit").slideDown(1000);
					$(".err_edit").delay(1500).slideUp(1000);
				
				}
				
			}
		});
			
	}	
	
	
	
	
	
	
	

</script>
</head>
<body style="background:#fff">
@extends('common.header')
<!--面包屑导航-->
<div style="width: 1200px;height: 30px;position: relative;margin: 110px auto 0">
    <ol style="float: left;overflow: hidden;color: #333;list-style: none;">
        <li style="float: left;line-height: 30px;margin-left: 5px">当前位置：</li>
        <li style="float: left;line-height: 30px;margin-left: 5px"><a href="{{ url('/') }}" style="color: #de1e30;margin-left: 5px">首页</a></li>
		<li style="float: left;line-height: 30px;margin-left: 5px"><a href="{{ url('/personNal') }}" style="color: #de1e30;margin-left: 5px">>
        个人中心</a></li>
        <li style="float: left;line-height: 30px;margin-left: 5px">> 发表文章</li>
    </ol>
</div>
<div class="wrap" style="margin-top:10px">
	<!--发文，管理标题-->
    <div class="left_menu">
        <div class="menu_block admin" >
            <a href="{{ url('/personNal') }}" class="menu_article">
                <i></i>
                我的资料
            </a>
			
        </div>
		<div class="menu_block admin_change_img">
            <a href="{{ url('/changuserpic') }}" class="menu_article">
                <i></i>
                修改头像
            </a>
			
        </div>
		<div class="menu_block admin-focus">
            <a href="{{ url('/myfans') }}" class="menu_article">
                <i></i>
                我的关注
            </a>
        </div>
		<div class="menu_block article-manage">
			<a href="{{ url('/articleManage') }}" class="menu_article">
				<i></i>
				文章管理
			</a>
		</div>
		<div class="menu_block menu_recharge">
            <a href="{{ url('/recharge') }}" class="menu_article">
                <i></i>
                充值中心
            </a>
        </div>
		<div class="menu_block menu_recharge">
            <a href="{{ url('/recharge_record') }}" class="menu_article">
                <i></i>
                充值记录
            </a>
        </div>
		<div class="menu_block article-colle">
			<a href="{{ url('/mycollect') }}" class="menu_article">
				<i></i>
				我的收藏
			</a>
		</div>
        <div class="menu_block article-publi" style="background:#eee">
            <a href="{{ url('/new_article') }}" class="menu_article">
                <i></i>
                发表文章
            </a>
        </div>
		<div class="menu_block article-recommend">
            <a href="{{ url('/recommendgame') }}" class="menu_article">
                <i></i>
                竞彩推荐
            </a>
        </div>
    </div>
    
	
	<!--发文，管理内容-->
    <div class="right_main">    
		<!--发文-->
        <div class="article_main right_body" id="main2" style="display:block;" >
            <div class="pagelet-write">
                <a href="#" class="page_tab">发表文章</a>
            </div>
            <div class="edit_body">
               
				<input type="text" id="edit_tit" class="edit_tit" name="title" value="{{ $article_info->title or '' }}" placeholder="标题（5-30字）">
				
				<div class="edit_hide" style="display:none">
					
					<a href="#"><textarea type="text" class="edit_tit edit_tit1 edit_tit2"  placeholder="请描述您的文章" name="desc" >{{ $article_info->desc or '' }}</textarea></a>
					<a href="#"><input type="text" class="edit_tit edit_tit1" placeholder="请输入关键字" name="keywords" value="{{ $article_info->keywords or '' }}" ></a>
					<a href="#"><input type="text" class="edit_tit edit_tit1" placeholder="请标明文章来源" name="from" value="{{ $article_info->from or '' }}" ></a>
					
				</div>
                
				<div class="edit_main container" style="display:block">
					<!-- 资讯内容 -->
					<div  class="form-group">
						<div class="col-sm-10">
							<!-- 加载编辑器的容器 -->
							<script id="container" name="content"  style='height:260px;width:796px;margin-left:-30px;' type="text/plain">{!! $article_info->content or '' !!}</script>
							<!-- 配置文件 -->
							<script type="text/javascript" src="{{ asset('/js/uedit/ueditor.config.js') }}"></script>
							<!-- 编辑器源码文件 -->
							<script type="text/javascript" src="{{ asset('/js/uedit/ueditor.all.js') }}"></script>
							<!-- 实例化编辑器 -->
							<script type="text/javascript">
								var ue = UE.getEditor('container',{ 
									toolbars: [
										[
											'indent', //首行缩进
											'undo', //撤销
											'bold', //加粗
											'horizontal', //分隔线
											'time', //时间
											'date', //日期
											'fontfamily', //字体
											'fontsize', //字号
											'simpleupload', //单图上传
											// 'insertimage', //多图上传
											'justifyleft', //居左对齐
											'justifyright', //居右对齐
											'justifycenter', //居中对齐
											'justifyjustify', //两端对齐
											'insertorderedlist', //有序列表
											'insertunorderedlist', //无序列表
											'fullscreen', //全屏
										]
									]
									
								});
								
							</script>
						</div>
						
					</div>
					

                </div>
				
				<div class="qb_class">
					<div class="err_edit" style="display:none"></div>
					<p>文章分类:	</p>
					@if( isset($article_info->category_id)  )
						@forelse( $category as $key => $info )
							@if( $info->id == $article_info->category_id  )
								<p><input type="radio" checked name="category_id" value="{{ $info->id }}"  />{{ $info->name }}</p>
							@else
								<p><input type="radio" name="category_id" value="{{ $info->id }}"  />{{ $info->name }}</p>
							@endif
							
						@empty
						@endforelse
					@else
						@forelse( $category as $key => $info )
							<p><input type="radio" name="category_id" value="{{ $info->id }}"  />{{ $info->name }}</p>
						@empty
						@endforelse
					@endif
				</div>
				
				<!--按钮-->
				<div class="edit_rele pull-right">
					<br/>
					@if( isset($article_info->id) )
						<button  style="width:150px;" onclick="createArticle(2)" id="btn1" class="btn btn-danger reply_btn">
						发表
						</button>
						<button  style="width:150px;" onclick="createArticle(1)" id="btn2" class="btn btn-default">
						存 草 稿
						</button>
					@else
						<button  style="width:150px;" onclick="createArticle(2)" id="btn1" class="btn btn-danger reply_btn">
						发 表
						</button>
						<button  style="width:150px;" onclick="createArticle(1)" id="btn2" class="btn btn-default">
						存 草 稿
						</button>
					@endif
					
					
				</div>
				
				<!--发布 成功 弹框-->
                <div class="alert-info" id="alertBtn" style="background:#fff">
                    <div>信息提示</div>
                    <p class="info-succ" id="info-succ" ></p>
                    <p><span id="second" >3秒后为您跳转页面,也可点击链接进行</span> <a href="{{ url('/new_article') }}"> 跳转</a></p>
                </div>
                <span id="alert-zhe"><span>
				
				
			</div>
        </div>

	</div>

</div>

		
	</div>
	
	<div class="col-xs-6 col-md-2">
		
	</div>
	
</div>


<div id="article" article_id="{{ $article_info->id or '' }}" ></div>

<script>
$("#edit_tit").click(function(){
	if($(".edit_hide").css("display")=="none"){
		$(".edit_hide").slideDown(1500);
		
	}else{
		$(".edit_hide").slideUp(1000);
	}
});
</script>

</body>
@extends('common.footer')